<!DOCTYPE html>
<html>
	<head>
		<!--
		 html 标签一般分为块内标签和行内标签两种元素
		 1: 块内元素 通常会占据一整行或者多行  可以设置宽度 高度 对齐方式等属性
		 常用于网页布局和网页结构的设计;
		 常见的块级元素: 
		 <h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等; <div> 是最常用的
		 
		 块级元素特点: 
		 1: 总是从最新行开始
		 2: 高度,行高,内外边距都可以控制
		 3:宽度默认 浏览器100%;
		 4: 可以容纳别的块级和行内元素
		-->
		<meta  charset="utf-8"/>
		<head>块级元素的显示模式</head>
		<style>
			div{
				background-color: #FF0000;
				width: 100px;
				height: 100px;
			}
		</style>
	</head>
	<body>
	<div>123</div>
	<div>456</div>
	<div>789</div>
		
	</body>
</html>